<template>
  <div class="app-container">
    <el-tabs type="border-card">
      <el-tab-pane label="Info">
        <info-log></info-log>
      </el-tab-pane>
      <el-tab-pane label="Debug">
        <debug-log></debug-log>
      </el-tab-pane>
      <el-tab-pane label="Warning">
        <warning-log></warning-log>
      </el-tab-pane>
      <el-tab-pane label="Error">
        <error-log></error-log>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script lang="ts" setup>
import InfoLog from "./InfoLog.vue";
import DebugLog from "./DebugLog.vue";
import WarningLog from "./WarningLog.vue";
import ErrorLog from "./ErrorLog.vue";
</script>

<style lang="less" scoped></style>
